<template>
  <div :class="['tab-item', {current: cityInfo.cityId === cityId}]"></div>
</template>

<script>
import { mapState } from 'vuex';
export default {
 name: 'TabSub',
 props: {
     cityInfo: Object
 },
 computed: {
     ...mapState(['cityId'])
 },
 methods:{}
}
</script>

<style lang="scss" scoped>
@import '~styles/variables.scss';
@import '~styles/mixins.scss';
.tab-item {
    @include vh-center;
    flex: 1;
    height: 100%;
    font-size: .16rem;
    box-sizing: border-box;
    border-bottom: 2px solid #ffffff ;

    &.current {
        color: $defaultGreen;
        border-color: $defaultGreen;
    }

}
</style>